<template>
    <div>
        <PublicHeader></PublicHeader>
        <div class="haha">请先登录
            <router-link to="/login"><button>登录
             </button></router-link>
        </div>
        <!--<div class="userdata">
            <section>
                <h3>主页</h3>
                <img :src="" alt="">
                <span class="">{{r.author.loginname}}</span>
                <span class="">{{ gettime(r.last_reply_at)}}</span>
            </section>
            <section>
                <h3>最近创建的话题</h3>
                <span class="">{{ gettime(r.last_reply_at)}}</span>
            </section>
            <section>
                <h3>最近参与话题</h3>
                <img :src="" alt="">
                  <span class="count">
             
                    <i class=" icon-eye-open"></i>
                         {{r.visit_count}}
       
                    <i class="icon-comment-alt"></i>
                         {{r.reply_count}}
                    </span>
                    <span>{{r.title}}</span>
            </section>
        </div>-->

    </div>
</template>
<script>
    import PublicHeader from '../components/Header.vue'
    export default {
        components: {
            PublicHeader
        },
        created() {
            this.axios.get(`http://www.vue-js.com/api/v1/user/:jackie`)
                .then(data => {
                    console.log(data.data)
                    // this.error = false
                    this.datails = data.data.data

                })
                .catch(err => {

                })
        },

    }

</script>
<style scoped>
    .haha {
        position: relative;
        top: 100px;
        right: -100px;
    }
    
    button {
        background-color: #3374de;
        color: white;
        padding: 8px 15px 8px 15px;
        border: none;
        border-radius: 5px
    }
</style>